
/*======================================================================*/
/* >>>  DESIGN                                                          */
/*======================================================================*/

#middle
{
    width:1000px;
    border: 2px solid #AA3333;
    border-radius: 15px;
    margin:auto;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  #F9B8B9 0%, rgba(237,49,50,1) 80%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9B8B9), color-stop(80%,rgba(237,49,50,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #F9B8B9 0%,rgba(237,49,50,1) 80%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #F9B8B9 0%,rgba(237,49,50,1) 80%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #F9B8B9 0%,rgba(237,49,50,1) 80%); /* IE10+ */
    background: linear-gradient(to bottom,  #F9B8B9 0%,rgba(237,49,50,1) 80%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9B8B9', endColorstr='#ed3132',GradientType=0 ); /* IE6-9 */
}

#content
{
    min-height:500px;
    border-radius:5px;
    border: 1px solid black;
    margin: 6px 6px 6px 6px;
    padding:20px;
    -moz-box-shadow: 3px 3px 7px black;
    -webkit-box-shadow: 3px 3px 7px black;
    box-shadow: 3px 3px 7px black;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

header {
    width:100%;
}

#wrapper-top
{
    width:1000px;
    margin:auto;
    height:135px;
}

nav{
    width: 1000px;
    margin:auto;
    font-family:"TeXGyreReg",sans-serif;
    position:absolute;
}

body{
/*
    background-image: url(../images/grass_modif.png), no-repeat left bottom, -webkit-linear-gradient(top, #156499 0%, #FFFFFF 100%);
    background-image: url(../images/grass_modif.png), no-repeat left bottom, -moz-linear-gradient(top, #156499 0%, #FFFFFF 100%);
    background-image: url(../images/grass_modif.png), no-repeat left bottom, -ms-linear-gradient(top, #156499 0%, #FFFFFF 100%);
    background-image: url(../images/grass_modif.png), no-repeat left bottom, -o-linear-gradient(top, #156499 0%, #FFFFFF 100%);
    background-image: url(../images/grass_modif.png), no-repeat left bottom, linear-gradient(top, #156499 0%, #FFFFFF 100%);
*/
    background: url(../images/bottom_bg.png) repeat-x left bottom, -moz-linear-gradient(100% 100% 90deg, #156499, #FFFFFF) ;
    background: url(../images/bottom_bg.png) repeat-x left bottom, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#156499), to(#FFFFFF));
    
    font: normal 14px Arial, Helvetica, sans-serif;
    font-style: normal;
    line-height: normal;
    color: #333;
}

body h1{
    text-align:center;
    margin-bottom: 50px;
}

footer {
    width:1000px;
    margin:auto;
    min-height:150px;
}

#account
{
    width: 138px;
    height: 138px;
    float: left;
    left: 17px;
    position: relative;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -376px 0px;
}

#account #username
{
    margin-top:19px;
    margin-left:22px;
    width:80px;
    float:left;
    position:absolute;
    text-align:center;
    border-radius: 10px;
}

#account #password
{
    margin-top:90px;
    margin-left:22px;
    width:80px;
    float:left;
    position:absolute;
    text-align:center;
    border-radius: 10px;
}

#account #_submit
{
    float:left;
    position:absolute;
    border-radius: 20px;
    margin-left:53px;
    margin-top:56px;
    text-align:left;
    width:30px;
}

#m_mime
{
    width: 135px;
    height: 125px;
    float: right;
    position: relative;
    right: 24px;
    z-index: 5;
    top:10px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -236px -6px;
}

.cartLink
{
    width: 53px;
    height: 51px;
    margin: 44px 0px 0px -7px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -592px -8px;
    position: relative;
    cursor:pointer;
}

.wishlistLink
{
    width: 53px;
    height: 51px;
    margin: -100px 0px 0px 109px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -649px -5px;
    position: relative;
    cursor:pointer;
}

.img_livraison
{
    width: 186px;
    height: 52px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -2px -285px;
    left: 277px;
    top: 80px;
    float: none;
    position: absolute;
}
.img_service_client
{
    width: 186px;
    height: 52px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -10px -218px;
    float: none;
    position: absolute;
    left: 50px;
}
.img_modalites
{
    width: 186px;
    height: 52px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -6px -340px;
    position: absolute;
    left: 496px;
    top: 79px;
}
.img_secure
{
    width: 186px;
    height: 40px;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -10px -400px;
    position: absolute;
    left: 740px;
    top: 85px;
}

.footer_assets
{
    border-radius: 0px 0px 5px 5px;
    background-color: #0C0C0C;
    height: 58px;
    border: 1px solid white;
}

.footer_comments
{
    text-align: center;
    color:white;
    position:absolute;
    margin-top:-50px;
    margin-left:10px;
    margin-right:10px;
}

.shortcuts
{
    font-size:10px;
    background-color: #0C0C0C;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid white;
    position:absolute;
    margin:auto;
    width:100%;
    margin-top:-74px;
    text-align: center;
}

.generic_link
{
    padding: 10px 10px 10px 35px;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    font-weight:bold;
    color:white;
    text-decoration: none;
    /*box-shadow: 5px 5px 5px black;*/

    background: rgb(149,149,149); /* Old browsers */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
    background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

.generic_link:active
{
    text-decoration: none;
    padding: 10px 10px 10px 35px;
    border: 1px groove black;
    border-radius: 10px 10px 10px 10px;
    font-weight:bold;
    color:white;
    
   background: rgb(169,3,41); /* Old browsers */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
   background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */

}

.generic_link:hover
{
    text-decoration: none;
    padding: 10px 10px 10px 35px;
    border: 1px solid black;
    border-radius: 10px 10px 10px 10px;
    font-weight:bold;
    color:white;
    /*background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, black;*/
     background: rgb(147,17,17); /* Old browsers */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -moz-linear-gradient(top,  rgba(147,17,17,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(183,9,9,1) 74%, rgba(27,27,27,1) 100%); /* FF3.6+ */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(147,17,17,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(74%,rgba(183,9,9,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -webkit-linear-gradient(top,  rgba(147,17,17,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(183,9,9,1) 74%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -o-linear-gradient(top,  rgba(147,17,17,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(183,9,9,1) 74%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, -ms-linear-gradient(top,  rgba(147,17,17,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(183,9,9,1) 74%,rgba(27,27,27,1) 100%); /* IE10+ */
     background: url('../../../pictures/design/pokeball_generic_button.png')  0 0 no-repeat, linear-gradient(to bottom,  rgba(147,17,17,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(183,9,9,1) 74%,rgba(27,27,27,1) 100%); /* W3C */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#931111', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}

#canvas {
    background-image: url(../images/grass_modif4.png), -webkit-linear-gradient(top, #156499 0%, #4684AE 100%);
    background-image: url(../images/grass_modif4.png), -moz-linear-gradient(top, #156499 0%, #4684AE 100%);
    background-image: url(../images/grass_modif4.png), -ms-linear-gradient(top, #156499 0%, #4684AE 100%);
    background-image: url(../images/grass_modif4.png), -o-linear-gradient(top, #156499 0%, #4684AE 100%);
    background-image: url(../images/grass_modif4.png), linear-gradient(top, #156499 0%, #4684AE 100%);
    background-position : 0% 100%;
    background-repeat: repeat-x;
}

#popupGame{
	padding:10px;
	width:350px;
	border:2px solid #AA3333;
	border-radius: 10px;
	background-color:#EEF6F5;
	margin:auto;
}
#resultAjax{
	font-size: 16pt;
}

/*======================================================================*/
/* >>>  CART VALIDATION                                                 */
/*======================================================================*/

.tunnelCartImg
{
    background-color:gray;
    border:1px solid black;
    width:800px;
    height:120px;
    margin:auto;
    background-image:url('../../../pictures/design/tunnel_img.png');
}

.tunnelShoppingCart
{
    margin-left: 54px;
    margin-top: 28px;
    width: 124px;
    height: 71px;
    background-image: url('../../../pictures/design/cart_tunnel.png');
    position: relative;
    float: left;
}

.tunnelTruck
{
    margin-top: 31px;
    width: 107px;
    height: 62px;
    background-image: url('../../../pictures/design/truck_tunnel.png');
    margin-left: 84px;
    float: left;
}

.tunnelTruckOff
{
    margin-top: 31px;
    width: 107px;
    height: 62px;
    background-image: url('../../../pictures/design/truck_tunnel_off.png');
    margin-left: 84px;
    float: left;
}

.tunnelCards
{
    margin-top: 26px;
    width: 134px;
    height: 80px;
    background-image: url('../../../pictures/design/cards_tunnel.png');
    margin-left: 90px;
    float: left;
}

.tunnelCardsOff
{
    margin-top: 26px;
    width: 134px;
    height: 80px;
    background-image: url('../../../pictures/design/cards_tunnel_off.png');
    margin-left: 90px;
    float: left;
}

.tunnelOrder
{
    margin-top: 24px;
    width: 121px;
    height: 82px;
    background-image: url('../../../pictures/design/order_tunnel.png');
    margin-left: 68px;
    float: left;
}

.tunnelOrderOff
{
    margin-top: 24px;
    width: 121px;
    height: 82px;
    background-image: url('../../../pictures/design/order_tunnel_off.png');
    margin-left: 68px;
    float: left;
}


.orderRecap div
{
    margin:auto;
    text-align:left;
    border: 1px solid black;
}

.orderRecap div
{
    margin:auto;
    text-align:left;
}

.orderRecap .pic 
{
    
}


.psykokwak_emptycart
{
    background-image : url("../images/cart/psykokwak.png");
    width: 250px;
    height: 318px;
    position:absolute;
}

.text_emptycart
{
    font-size: 20px;
    font-family: "Times New Roman, Georgia, Times";
    /*font-weight:bold;*/
    color:red;
    width:200px;
    text-align:center;
    position:relative;
    margin-left: 300px;
    margin-top:77px;
    /*text-shadow: 5px 5px 5px #0C0C0C;*/
}

.cartTable
{
    margin:auto;
    padding:10px;
    width:600px;
    height:306px;
}

.deleteProductFromCart
{
    width: 47px;
    height: 47px;
    float: left;
    left: 17px;
    position: relative;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -205px -148px;
    cursor:pointer;
}

.addProductQuantity
{
    cursor:pointer;
    color: red;
}

.reduceProductQuantity
{
    cursor:pointer;
    color: red;
}

.tunnelCartAddresses
{
    width:800px;
    margin:auto;
    border : 1px solid black;
    border-radius:5px;
    padding-bottom:10px;

}

.tunnelCartAddresses .address
{
    width: 800px;
    min-height:50px;
}

.addressChoiceName
{
    font-weight: bold;
    width:600px;
    float:left;
}

.deliveryAddressChoice
{
    border : 1px solid red;
    float:left;
    width:80px;
    position:relative;
    text-align:center;
    margin:auto;
}

.paymentAddressChoice
{
    border: 1px solid green;
    float:left;
    width:80px;
    position:relative;
    text-align:center;
    margin:auto;
}

.addAddressForm
{
    margin:auto;
    width:200px;
}

.addAddressForm form label
{
    font-weight:bold;
    width:100px;
}

.addAddressForm form input
{
    width:150px;
    border-radius: 10px;
    margin-left:20px;
}

.orderRecap.pic
{
    
}

/*======================================================================*/
/* >>>  PROFIL                                                          */
/*======================================================================*/

#showProfil{
    text-decoration: none;
}

#showProfil h2{
    margin-top: 50px;
}

#showProfil .h2profil{
    text-align: center;
    margin: 0px;
}

#profil_sacha
{
    float: right;
    position: absolute;
    margin-left: 600px;
    background-image : url('../../../pictures/design/sacha.png');
    width: 240px;
    height: 331px;
}

#showProfil .userInfo{
    width: 350px;
    padding: 20px;
    border: 2px solid #888888;
    box-shadow: 6px 6px 4px #999999;
    margin-bottom: 40px;
}

.userInfo dt {
  clear:both;
  float:left;
  margin:4px 4px 4px 0;
  text-align:right;
  width:120px;
  
/*display: block;
width: 120px;
float: left;*/
}

.userInfo dd {
  float:left;
  line-height:18px;
  margin:4px 0;
  max-width:340px;
  min-width:100px;
  text-align:left;
}

.clear {
  clear:both;
}

.userAdresse ul{
    line-height: 35px;
}
.userAdresse li{
    list-style-type: none;
    background:url('../../../pictures/design/address_icon.png') no-repeat 0 0.5em;
    padding-left: 40px;
}

.userWishlists a{
    color: #333;
}

.userWishlists ul.wish{
    line-height: 35px;
}

.userWishlists ul li.wish{
    list-style-type: none;
    background:url('../../../pictures/design/favoris.png') no-repeat 0 0.5em;
    padding-left: 30px;
}

.userWishlists ul.detail{
    line-height: 20px;
    margin-bottom: 15px;
}
.userWishlists ul.detail a{
    text-decoration: none;
}

.userWishlists ul.detail a:hover{
    text-decoration: underline;
}

.userWishlists li.detail{
    list-style-type: disc;
}

.userCommande table{
    margin: auto;
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-spacing: 0px;
    margin-bottom: 30px;
    text-align: center;
}

.userDesign{
    width: 856px;
    padding: 20px;
    border: 2px solid #888888;
    box-shadow: 6px 6px 4px #999999;
    margin: 30px auto;
}

.changePass{
    width: 400px;
    height: 150px;
    padding: 20px;
    border: 2px solid #888888;
    box-shadow: 6px 6px 4px #999999;
    margin: 65px auto auto;
}

.changePass label{
    display: block;
    width: 190px;
    float: left;
    margin-top: 5px;
}

.changePass .submit{
    margin-top: 40px;
}

.editUser{
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    
    width: 750px;
    margin-left: 50px;
}

.editUserInfo{
    width: 350px;
    padding: 20px;
    border: 2px solid #888888;
    box-shadow: 6px 6px 4px #999999;
    margin-bottom: 40px;
}

.sacha_edit{
    margin-left: auto;
}

.sacha_edit img{
    height: 270px;
}

.fos_user_profile_edit label{
    display: block;
    width: 130px;
    float: left;
    margin-top: 5px;
}

.editAdress{
    width: 800px;
    padding: 20px;
    border: 2px solid #888888;
    box-shadow: 6px 6px 4px #999999;
    margin: auto auto 50px;
    
}
#fos_user_profile_form_addresses_0_country{
    width: 155px;
}

.editConfirm label{
    width: 145px;
}

/*======================================================================*/
/* >>>  WISHLIST                                                        */
/*======================================================================*/
#wishlist{
    margin: 2.5%;
    min-height: 450px;
}
.table_wishlist{
    border-top: 1px solid #888888;
    border-left: 1px solid #888888;
    border-spacing: 0px;
    width: 95%;
    margin-bottom: 30px;
    text-align: center;
}

.table_wishlist a{
    color: #333;
}

.table_wishlist a:hover{
    color: red;
    text-decoration:none;
}

.table_wishlist tr{
    display: table-row;
}

.table_wishlist th{
    padding: 10px 10px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
    background-color: #FFF;
}

.table_wishlist td{
    padding: 10px 10px;
    border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;
}

.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
 
#dialog_add_wishlist {
	display: none;
        position: fixed;
	top: 40%;
	left: 40%;
	width: 15%;
	height: 15%;
	padding: 16px;
        padding-bottom: 0px;
	z-index:1002;
	overflow: auto;
        border-radius:10px;
        border: 2px solid #AA3333;
        margin: 6px 6px 0px 6px;
        -moz-box-shadow: 3px 3px 7px black;
        -webkit-box-shadow: 3px 3px 7px black;
        box-shadow: 3px 3px 7px black;
        background: rgb(245,246,246); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

#togepi_wishlists
{
    background-image : url("../../patwishlist/images/togepi_wishlists.png");
    width: 500px;
    height: 150px;
    margin: 2%;
}

#pikachu_emptywishlist
{
    background-image : url("../../patwishlist/images/pikachu.png");
    width: 250px;
    height: 307px;
    position:absolute;
    margin-left: 8%;
    margin-top: 20px;
}

#text_emptywishlist
{
    font-size: 20px;
    color:red;
    width:200px;
    text-align:center;
    position:absolute;
    margin-left: 450px;;
    margin-top:100px;
}

/*======================================================================*/
/* >>>  CATALOGUE                                                       */
/*======================================================================*/
#catalog{
    width: 820px;
    margin: auto;
    
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    
    display: -ms-flexbox;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    
    display: -moz-flex;
    -moz-flex-direction: row;
    -moz-flex-wrap: wrap;
}

#catalog .catalogItem{
    margin: 20px 10px;
    width: 180px;
    height: 180px;
}

.catalogItem a{
    text-decoration: none;
    font-family:TeXGyreReg, sans-serif;
    font-size:14px;
    line-height:38px;
    font-weight: bold;
    color: #1B7CBD;
    display: block;
}

.catalogItem_img{
    height: 140px;
    width: 174px;
    text-align: center;
    background-color: white;
}

.catalogItem_img img{
    max-height: 140px;
    max-width: 174px;
    text-decoration: none;
    border:none;
}

.catalogItem_title{
    height: 40px;
    text-align: center;
    border-top: 1px solid #888888;
    background-color: white;
}

#catalog .catalogItem_multimedia{
    border: 3px solid #888888;
    box-shadow: 8px 8px 5px #999999;
    color: #7C0042;
}

#catalog .catalogItem_multimedia:hover{
    border: 3px solid #7C0042;
}

#catalog .catalogItem_multimedia a:hover{
    color: #7C0042;
}

#catalog .catalogItem_multimedia a:hover .catalogItem_title{
    border-top: 1px solid #7C0042;
}

#catalog .catalogItem_jouets{
    border: 3px solid #888888;
    box-shadow: 8px 8px 5px #999999;
    color: #038D01;
}

#catalog .catalogItem_jouets:hover{
    border: 3px solid #038D01;
}

#catalog .catalogItem_jouets a:hover{
    color: #038D01;
}

#catalog .catalogItem_jouets a:hover .catalogItem_title{
    border-top: 1px solid #038D01;
}

#catalog .catalogItem_vetements{
    border: 3px solid #888888;
    box-shadow: 8px 8px 5px #999999;
    color: #404D6C;
}

#catalog .catalogItem_vetements:hover{
    border: 3px solid #404D6C;
}

#catalog .catalogItem_vetements a:hover{
    color: #404D6C;
}

#catalog .catalogItem_vetements a:hover .catalogItem_title{
    border-top: 1px solid #404D6C;
}

#catalog .catalogItem_pokematos{
    border: 3px solid #888888;
    box-shadow: 8px 8px 5px #999999;
    color: #FE2785;
}

#catalog .catalogItem_pokematos:hover{
    border: 3px solid #FE2785;
}

#catalog .catalogItem_pokematos a:hover{
    color: #FE2785;
}

#catalog .catalogItem_pokematos a:hover .catalogItem_title{
    border-top: 1px solid #FE2785;
}

#catalog .catalogItem_default{
    border: 3px solid #888888;
    box-shadow: 8px 8px 5px #999999;
}

#catalog .catalogItem_multimedia:active, #catalog .catalogItem_jouets:active,
#catalog .catalogItem_vetements:active, #catalog .catalogItem_pokematos:active{
    box-shadow: 0px 0px 30px black;
}


/*======================================================================*/
/* >>>  FICHE PRODUIT                                                   */
/*======================================================================*/
.buttonBox{
    width: 180px;
    height: 38px;
    text-align: center;
    border-radius: 5px;

    background: orange; /* pour les navigateurs qui ne prennent pas en compte le dégradé */
    background: -webkit-linear-gradient( #FEA73E, #FA8905);
    background:    -moz-linear-gradient( #FEA73E, #FA8905);
    background:     -ms-linear-gradient( #FEA73E, #FA8905);
    background:      -o-linear-gradient( #FEA73E, #FA8905);
    background:         linear-gradient( #FEA73E, #FA8905);

    box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
                0 -1px 0 rgba( 255, 255, 255, 0.4);
}

.buttonBox a{
    width: 180px;
    height: 38px;
    display: block;
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-family: Arial,sans-serif;
    font-size: 14px;
    line-height: 38px;
}

.buttonBox:hover{
    background: orange; /* pour les navigateurs qui ne prennent pas en compte le dégradé */
    background: -webkit-linear-gradient( #FD8D00, #E76B01);
    background:    -moz-linear-gradient( #FD8D00, #E76B01);
    background:     -ms-linear-gradient( #FD8D00, #E76B01);
    background:      -o-linear-gradient( #FD8D00, #E76B01);
    background:         linear-gradient( #FD8D00, #E76B01);
}

.buttonBox:active{
    box-shadow: 1px 1px 10px black inset, 
                0 1px 0 rgba( 255, 255, 255, 0.4);
}

#boutique {
    border:none;
    color:#3E3D40;
    width:950px;
    margin-top: 20px;
    margin-left: 3px;
    min-height: 510px;
}

#boutique_left{
    float:left;
    width:300px;
    border: 1px solid #888888;
    box-shadow: 0px 0px 10px #888888;
    padding: 10px;
}

#boutique_left img{
    max-width:280px;
    max-height:330px;
    display:block;
    margin: auto;
}

#boutique_center{
    float:left;
    width: 380px;
    margin:0 15px;
}

#boutique_center fieldset{
    margin-top: 15px;
    background-color: #F0F0F0;   
}

#boutique_center fieldset legend{
    margin: 10px;
    margin-bottom: 0px;
    background-color: grey;
    border: 1px solid grey; 
    color: #F0F0F0;
}

#boutique_right {
    float:left;
    width:210px;
    min-height: 300px;
}

#boutique h1{
    color:#AA3333;
    font-size:22px;
}

#boutique .boxCheckout{
    min-height: 240px;
    background-color: #F0F0F0;
    border: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

#boutique #ratings_container
{
    font-size: 10px;
    position: relative;
    text-align: center;
}

#boutique #ratings_border {
    height: 16px;
    font-size: 10px;
    margin: 10px;
    border: 2px solid white;
}

#boutique #ratings_title {
    height: 14px;
    width: 100%;
    top: -7px;
    left: 0;
    position: absolute;
}

#boutique #ratings_title div {
    height: 14px;
    color: black;
    font-weight: bold;
    padding: 0 10px;
    background: #F2F2F2;
    display: inline;
    line-height: 14px;
}

#boutique #ratings_notification {
    height: 20px;
    width: 45%;
    left: 55px;
    top: 7px;
    position: absolute;
    background-color: #F0F0F0;
    padding-left: 5px;
}

#boutique .boxPrice{
    min-height: 70px;
    margin: 10px;
    background-color: white;
    border: 1px solid #DDDDDD;
}

#boutique .boxPrice .overflowPrice{
    font-weight: bold;
    margin: 10px;
}

#boutique .boxPrice .price_nowrap{
    display: block;
    float:right;
    font-size: 18px;
}

#boutique #cartButtonBox
{
    margin: 10px;
}

#boutique .linkBox{
    margin: 10px;
    padding: 10px;
    background-color: white;
    border: 1px solid #DDDDDD;
}

#boutique .linkBox a{
    text-decoration: none;
    color:#3E3D40;
}

#boutique .linkBox a:hover{
    text-decoration: underline;
}

#boutique .en_stock{
    font-size: 16px;
    color:green;
    font-weight: bold;
    text-decoration: none;
}

#boutique .en_appro{
    font-size: 16px;
    color:orange;
    font-weight: bold;
    text-decoration: none;
}

#boutique .non_dispo{
    font-size: 16px;
    color:red;
    font-weight: bold;
    text-decoration: none;
}

#dialog_choose_wishlist {
        text-align: right;
	display: none;
        position: fixed;
	top: 45%;
	left: 45%;
	min-width: 10px;
        max-width: 30%;
	min-height: 15px;
        max-height: 30%;
        padding: 10px;
        padding-bottom: 0px;
	z-index:1002;
	overflow: auto;
        border-radius:10px;
        border: 2px solid #AA3333;
        margin: 6px 6px 0px 6px;
        -moz-box-shadow: 3px 3px 7px black;
        -webkit-box-shadow: 3px 3px 7px black;
        box-shadow: 3px 3px 7px black;
        background: rgb(245,246,246); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

#dialog_add_comment{
    display: none;
    position: fixed;
    top: 40%;
    left: 35%;
    min-width: 30px;
    padding: 10px;
    padding-bottom: 0px;
    z-index:1002;
    overflow: auto;
    border-radius:10px;
    border: 2px solid #AA3333;
    margin: 6px 6px 0px 6px;
    -moz-box-shadow: 3px 3px 7px black;
    -webkit-box-shadow: 3px 3px 7px black;
    box-shadow: 3px 3px 7px black;
    background: rgb(245,246,246); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
}

/*======================================================================*/
/* >>>  COMMENTAIRES                                                  */
/*======================================================================*/

#comments_container{
    border: 2px solid #F0F0F0;
    border-radius: 10px;
    background-color: white;
    width: 935px;
    margin: 5px;
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    box-shadow: 3px 3px 7px black;
}

#comments_container h2{
    background-color: grey;
    color: white;
    text-shadow: 2px 2px 5px black;
    padding: 10px;
    text-align: center;
}

#comments_container #comments_list{
    margin-top: 10px;
    width: 895px;
    margin: 20px;
    margin: 20px;
    margin-bottom: 0px;
}

.comment{
    border-top: 2px #cccccc dashed;
    margin-top: 20px;
    min-height: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.comment .td_rating{
    width: 120px;
    padding-left: 10px;
    vertical-align: middle;
}

.empty_star
{
    width: 18px;
    height: 18px;
    float: left;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -155px -151px;
}

.half_star
{
    width: 18px;
    height: 18px;
    float: left;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -137px -151px;
}

.full_star
{
    width: 18px;
    height: 18px;
    float: left;
    background: url('../../../pictures/design/sprite.png') 0 0 no-repeat;
    background-position: -119px -151px;
}

/*======================================================================*/
/* >>>  PAGINATION                                                  */
/*======================================================================*/

.light-theme {
	display: block;
	overflow: hidden;
	padding: 0 5px 5px 0;
}

.light-theme a, .light-theme span {
	float: left;
	color: #666;
	font-size:14px;
	line-height:24px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBB;
	min-width: 14px;
	padding: 0 7px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #efefef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#efefef 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#efefef 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#efefef 100%); /* W3C */
}

.light-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
}

.light-theme .current {
	background: #666;
	color: #FFF;
	border-color: #444;
	box-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
	cursor: default;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}